.boxlist3 {
  position: relative;
}
.boxlist3 .javaboxbg {
  height: 470px;
}
.boxlist3 .inner {
  position: absolute;
  left: 50%;
  top: 110px;
  margin-left: -600px;
}
.boxlist3 .boxlist3_main {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.boxlist3 .boxlist3_main .titname span {
  display: inline-block;
  font-size: 20px;
  color: #252b3a;
  font-weight: bold;
  height: 6px;
  box-shadow: 0 17px 0 #ffd5c1;
  padding: 0 2px;
}
.boxlist3 .boxlist3_main .boxlist3_left {
  width: 246px;
  height: 582px;
  box-sizing: border-box;
  border-radius: 14px;
  box-shadow: 0 13px 32px rgba(195, 237, 255, 0.45);
  background-color: #fff;
}
.boxlist3 .boxlist3_main .boxlist3_left ul {
  margin-top: 45px;
}
.boxlist3 .boxlist3_main .boxlist3_left ul li {
  position: relative;
  margin-bottom: 14px;
}
.boxlist3 .boxlist3_main .boxlist3_left ul li:before {
  position: absolute;
  right: 29px;
  top: 12px;
  width: 18px;
  height: 18px;
  background: url("/2020gw/images/javaeepic/pic.png") no-repeat -39px -298px;
  content: "";
}
.boxlist3 .boxlist3_main .boxlist3_left ul li.cur:before {
  background-position-x: -59px;
}
.boxlist3 .boxlist3_main .boxlist3_left ul li em {
  display: block;
  height: 10px;
}
.boxlist3 .boxlist3_main .boxlist3_left ul li p {
  width: 219px;
  height: 42px;
  font-size: 16px;
  color: #5e5e5e;
  line-height: 42px;
  border-radius: 7px;
  padding-left: 20px;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0 auto;
}
.boxlist3 .boxlist3_main .boxlist3_left ul li.cur p {
  color: #fff;
  box-shadow: 0 9px 24px rgba(253, 77, 69, 0.45);
  background: -moz-linear-gradient(to right, #f91947, #fe5d45);
  background: linear-gradient(to right, #f91947, #fe5d45);
}
.boxlist3 .boxlist3_main .boxlist3_right {
  width: 946px;
  height: 582px;
  border-radius: 14px;
  background: #fff;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .con {
  width: 100%;
  display: none;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .con .tabs {
  height: 37px;
  overflow: hidden;
  padding: 11px 38px 5px;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .con .tabs .rigbtn {
  float: right;
  height: 29px;
  margin: 4px  8px 0 0px;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .con .tabs .rigbtn .abtns {
  display: none;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .con .tabs .rigbtn .abtns.cur {
  display: block;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .con .tabs .rigbtn a {
  display: block;
  width: 123px;
  height: 29px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 29px;
  border-radius: 15px;
  background-color: #16c9a1;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .con .tabs p {
  float: left;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .con .tabs p span {
  float: left;
  height: 33px;
  font-size: 16px;
  color: #006cff;
  line-height: 33px;
  border: 2px #d5e2fd solid;
  border-radius: 20px;
  background-color: #d5e2fd;
  cursor: pointer;
  padding: 0 20px;
  margin-right: 6px;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .con .tabs p span.cur {
  background-color: #fff;
  border-color: #a2c9fe;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .con .tabs em {
  float: left;
  font-size: 14px;
  color: #006cff;
  line-height: 37px;
  font-style: inherit;
  margin-left: 5px;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .plist {
  width: 756px;
  height: 410px;
  overflow-y: auto;
  padding: 0 90px 0 52px;
  margin-top: 18px;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .plist .botbox {
  display: none;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .plist .botbox.cur {
  display: block;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .plist::-webkit-scrollbar {
  width: 6px;
  height: 1px;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .plist::-webkit-scrollbar-thumb {
  width: 6px;
  border-radius: 6px;
  background: #80caff;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .plist::-webkit-scrollbar-track {
  width: 6px;
  height: 1px;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list h3 {
  position: relative;
  font-size: 22px;
  color: #202020;
  font-weight: bold;
  line-height: 30px;
  padding-left: 68px;
  margin-top: 44px;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list h3:before {
  position: absolute;
  left: 52px;
  top: 4px;
  width: 6px;
  height: 22px;
  border-radius: 3px;
  background-color: #567ffa;
  content: "";
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list h3 span {
  font-size: 15px;
  color: #6c6c6c;
  font-weight: normal;
  margin: 0 38px 0 -16px;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list h4 {
  font-size: 14px;
  color: #61656e;
  line-height: 22px;
  padding-top: 15px;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list h4 a {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  height: 22px;
  line-height: 22px;
  border-radius: 15px;
  background: #16c9a1;
  padding: 0 10px;
  margin-left: 10px;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list h4 a:hover {
  background: #12a076;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .xm_p3 {
  font-size: 14px;
  color: #61656e;
  line-height: 22px;
  padding-top: 10px;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .conh4 {
  width: 75px;
  height: 27px;
  font-size: 15px;
  color: #445a93;
  text-align: center;
  line-height: 27px;
  border-radius: 8px;
  background-color: #e2eeff;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .conh4:nth-child(3) {
  color: #c63336;
  background-color: #faeae7;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list .conh4:nth-child(5) {
  color: #3b7360;
  background-color: #dff4ed;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list p.conp {
  font-size: 15px;
  color: #3b3b3b;
  line-height: 28px;
  margin: 6px 0 12px;
}
.boxlist3 .boxlist3_main .boxlist3_right .con7list p.conp span {
  margin: 0 30px 0 0;
  display: inline-block;
}
.boxlist3 .boxlist3_main .con4btn {
  display: none;
  position: absolute;
  right: 44px;
  top: 20px;
  width: 152px;
  height: 29px;
  background: #ff6114;
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  text-align: center;
  line-height: 29px;
  border-radius: 20px;
}
.wrapxyy .boxlist3 .boxlist3_main .con4btn {
  display: block;
}
.boxlist3 .boxlist3_main .con4btn:hover {
  background: #fa7f44;
}
.boxlist3 .boxlist3_con2 {
  border-radius: 20px;
  box-shadow: 0 22px 38px rgba(218, 238, 255, 0.45);
  background-color: #fff;
  padding: 42px 0 38px;
  margin-top: 17px;
}
.boxlist3 .boxlist3_con2 h3 {
  font-size: 28px;
  color: #161616;
  text-align: center;
  line-height: 30px;
  padding-bottom: 22px;
}